body{
    background:orange;
    color:green;
    
    p{
        text-align: center;
        font-size: 50px;
    }
       .eye {
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        box-shadow: 60px 0px 0px 0px rgba(255, 255, 255, 0.8);
        position: relative;
        margin: 300px  0  200px  320px;
        transform: translateX(-30px);
        margin: 300px  auto;
    }

    .eye:after {
        background-color: #59488b;
        width: 20px;
        height: 20px;
        box-shadow: 60px 0px 0px 0px #59488b;
        border-radius: 50%;
        left: 18px;
        top: 16px;
        position: absolute;
        content: "";
        animation: eyeball 2s linear infinite alternate;
    }
}
 @keyframes eyeball {
            0% {
                left: 18px;
            }
            100% {
                left: 2px;
            }
        }
